﻿<!--
https://github.com/netnr
2022-10
-->

<!DOCTYPE html>
<html lang="zh-cn" class='sl-theme-light netnrmd-light'>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
            <meta name='keywords' content='NET牛人,Netnr,BMI 体重标准' />
            <meta name='description' content='NET牛人,Netnr,脚本服务,Script Services,工具箱,中国成人超重和肥胖标准' />

    <title>BMI &#x4F53;&#x91CD;&#x6807;&#x51C6; NET牛人</title>

    <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon' />
<link href='https://ss.netnr.com/bootstrap@5.2.2/dist/css/bootstrap.min.css' rel='stylesheet' async />

    <link href="/app/blog/dist/all.css?v=_0J1Z05gYDHZvs0TcVouj90G3JcLkWwwo_3smoSKH-k" rel="stylesheet" />
    <script src="/app/blog/dist/all.js?v=pdXbZGA0pjsmi6dbIAckfyJYPsviDIH7VPLX4qnQjYE"></script>
</head>
<body>
        
    <nav class="nr-navbar navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
            <a class="navbar-brand text-decoration-none" href="https://www.netnr.com">
                <img src="/favicon.ico" style="height:1.3em;vertical-align:sub" />
                <span class="d-none d-sm-inline-block">Netnr</span>
            </a>
            <a class='small d-block d-lg-none' href="/bmi" title='BMI &#x4F53;&#x91CD;&#x6807;&#x51C6;'>
                <b style="color:var(--sl-color-warning-600)">BMI &#x4F53;&#x91CD;&#x6807;&#x51C6;</b>
            </a>

            <button class="nr-navbar-toggler navbar-toggler" aria-label="navbar toggler">
                <sl-animation easing="ease-in-out" duration="1500" play>
                    <span class="navbar-toggler-icon"></span>
                </sl-animation>
            </button>

            <div class="collapse navbar-collapse">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item mx-2">
                        <a class='nav-link active' href="/" title="ss.js.org">
                            <sl-animation class="nr-sla-ss" name="tada" easing="ease-in-out" duration="10000" play>
                                <div class="fw-bold">SS</div>
                            </sl-animation>
                        </a>
                    </li>
                        <li class="nav-item mx-2">
                            <a class='nav-link' href="/bmi" title='BMI &#x4F53;&#x91CD;&#x6807;&#x51C6;'>
                                <b style="color:var(--sl-color-warning-600)">BMI &#x4F53;&#x91CD;&#x6807;&#x51C6;</b>
                            </a>
                        </li>
                </ul>

                <ul class="navbar-nav">
                    <li class="nav-item">
                        <sl-icon-button class="mt-1" name="cloud-moon" data-action="theme"></sl-icon-button>
                    </li>
                </ul>
            </div>

            <!--mobile-->
            <sl-drawer label="Netnr" class="nr-navbar-drawer" style="--size: 14em;--body-spacing: 0;display: none">
                <sl-menu>
                    <sl-menu-item data-href="/">SS</sl-menu-item>

                        <sl-menu-item data-href="/bmi">BMI &#x4F53;&#x91CD;&#x6807;&#x51C6;</sl-menu-item>
                    <sl-divider></sl-divider>
                    <sl-menu-item data-action="theme"><sl-icon name="cloud-moon" slot="prefix"></sl-icon>Dark mode</sl-menu-item>
                </sl-menu>
            </sl-drawer>
        </div>
    </nav>

    <div class="container-fluid p-4">
    <div class="row">
        <div class="col-md mb-3">
            <sl-input type="number" size="large" class="nr-txt-number1" label="身高（单位：厘米/cm）" placeholder="身高" min="1" max="300" step="1" maxlength="3"></sl-input>
        </div>
        <div class="col-md mb-3">
            <sl-input type="number" size="large" class="nr-txt-number2" label="体重（单位：千克/kg）" placeholder="体重" min="25" max="300" step="1" maxlength="3"></sl-input>
        </div>
        <div class="col-md mb-3">
            <sl-input size="large" class="nr-txt-number3" label="BMI" placeholder="输出 BMI 值"></sl-input>
        </div>
    </div>

    <div class="row mt-4">
        <div class="col-md mb-3">
            <sl-button variant="neutral" outline class="w-100" title="低重：BMI < 18.5" style="width: 100%">低重：BMI < 18.5</sl-button>
        </div>
        <div class="col-md mb-3">
            <sl-button variant="success" outline class="w-100" title="正常：18.5 ≤ BMI < 24.0" style="width: 100%">正常：18.5 ≤ BMI < 24.0</sl-button>
        </div>
        <div class="col-md mb-3">
            <sl-button variant="warning" outline class="w-100" title="超重：24.0 ≤ BMI < 28.0" style="width: 100%">超重：24.0 ≤ BMI < 28.0</sl-button>
        </div>
        <div class="col-md mb-3">
            <sl-button variant="danger" outline class="w-100" title="肥胖：BMI ≥ 28.0" style="width: 100%">肥胖：BMI ≥ 28.0</sl-button>
        </div>
    </div>
    
    <div class="row mt-4">
        <div class="col-12">
            <p>计算公式： BMI = 体重 (KG) ÷ 身高 ²(M)</p>
            <p>比如：小明是一个 60 公斤的人，身高是 1.7 米，则他的计算结果应该是：60÷1.7² =20.76</p>
            <p>一个人的健康指数范围应该是在：18.5～24，指数在这之间是最好最正常的！</p>
        </div>
    </div>
</div>
            <script src="/js/ss/bmi.js?v=kpgn7q8gQXapQCatI5Hws_hYmGpDTD_51NAGSx7pFrA"></script>
</body>
</html>
